import App from "@/App";
import Zhaomu_cardMarket from "@/componets/dacuang/chengyuan/Zhaomu_cardMarket";
import AdvanceMarket from "@/componets/dacuang/community/AdvanceMarket";
import Dachuangxiangmu from "@/componets/dacuang/Dachuangxiangmu";
import ProjectDetail from "@/componets/dacuang/ProjectDetail";
import First from "@/componets/dacuang/saishi/FormerContent/First";
import Second from "@/componets/dacuang/saishi/FormerContent/Second";
import Saishi_CardMarket from "@/componets/dacuang/saishi/Saishi_CardMarket";
import ModelMarket from "@/componets/moxing/ModelMarket";
import ModelShowcase from "@/componets/moxing/ModelShowcase";
import ModelIntroductionMarket from "@/componets/moxing/Xiangqing/ModelIntroductionMarket";
import ContentMarket from "@/componets/shuju/ContentMarket";
import DataMarket from "@/componets/shuju/DataMarket";
import ContentSS from "@/componets/shuju/EntireData/ContentSS";
import ApplicationFunc from "@/componets/yingyong/ApplicationFunc";
import AppMarket from "@/componets/yingyong/AppMarket";
import ComponentMarket from "@/componets/yingyong/ComponentMarket";
import CardMarket from "@/componets/zujian/CardMarket";
import BackGround from "@/pages/BackGround";
import Communication from "@/pages/Communictaion/Communication";
import MembersPages from "@/pages/MembersPages";
import RolesPage from '@/pages/RolesPage';
import WorkPage from "@/pages/WorkPage";
import Login from '@/work/login/Login'; // 第五个组件
import Registration from '@/work/login/Registration'; // 第一个组件
import RegistrationPage from '@/work/login/RegistrationPage'; // 第二个组件
import RegistrationSuccess from '@/work/login/RegistrationSuccess'; // 第四个组件
import SelectOrganization from '@/work/login/SelectOrganization'; // 第三个组件
import { Layout } from 'antd';
import { createBrowserRouter } from "react-router-dom";
const { Content, Footer } = Layout;
const router = createBrowserRouter([
    {
        path: '/',
        element: <App />,
        children:[
            {   
                path: '/dachuang',
                element: 
                     <Dachuangxiangmu />               
            },
            {
                path: '/moxing',
                element:
                  <Layout className="main-layout">
                    <Content className="dynamic-content">
                      <ModelShowcase />
                    </Content>
                    <Footer className="scrollable-footer">
                      <ModelMarket />
                    </Footer>
                  </Layout>
              },
              {
                path: '/shuju',
                element:
                  <Layout className="main-layout">
                    <Content className="dynamic-content">
                      <DataMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                      <ContentMarket apps={[]} />
                    </Footer>
                  </Layout>
              },
            {   
                path: '/yingyong',
                element: 
                    <ApplicationFunc />  
            },
            {
                path: '/zujian',
                element: 
                <Layout className="main-layout">       
                    <Content className="dynamic-content">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <CardMarket />
                    </Footer>
                </Layout>   
            },
            {   
                path: '/dachuang/chengyuan',
                element: 
                <Layout className="main-layout">       
                    <Content className="dynamic-content">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <Zhaomu_cardMarket />
                    </Footer>
                </Layout> 
            },
            {
                path: '/dachuang/saishi',
                element: 
                <Layout className="main-layout">       
                    <Content className="dynamic-content">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <Saishi_CardMarket/>
                    </Footer>
                </Layout> 
            },
            {
                path:'/dachuang/luntan',
                element: 
                <Layout className="main-layout">       
                    <Content className="dynamic-content">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <AdvanceMarket />
                    </Footer>
                </Layout> 
            },
            {
                path: '/dachuang/zhushou',
                element: 
                <Layout className="main-layout">       
                    <Content className="dynamic-content">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <AppMarket />
                    </Footer>
                </Layout>  
            },
            {
                path:'/shuju/xiangqing',
                element: 
                <Layout className="main-layout">       
                    <Content className="market-component">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <ContentSS />
                    </Footer>
                </Layout>   
            },
            {
                path:'/moxing/xiangqing',
                element: 
                <Layout className="main-layout">       
                    <Content className="market-component">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <ModelIntroductionMarket />
                    </Footer>
                </Layout>   
            },
            {
                path:'/dachuang/xiangqing',
                element: 
                <Layout className="main-layout">       
                    <Content className="market-component">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <ProjectDetail />
                    </Footer>
                </Layout>   
            },
            {
                path:'/dachuang/saishi/xiangqing',
                element: 
                <Layout className="main-layout">       
                    <Content className="market-component">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <First />
                    </Footer>
                </Layout>   
            },
            {
                path:'dachuang/zhaomu/xiangqing',
                element: 
                <Layout className="main-layout">       
                    <Content className="market-component">
                        <ComponentMarket />
                    </Content>
                    <Footer className="scrollable-footer">
                        <Second />
                    </Footer>
                </Layout>   
            }
            
        ]
    },
    {path:'/gongzuotai',
     element:<BackGround/>
    },
    {
     path:'/chat',
     element:<Communication />
    },
    {
        path: '/profile',
        element: <WorkPage />,
      },
      {
        path: 'members',
        element: <MembersPages />,
      },
      {
        path: '/roles',
        element: <RolesPage />,
      },
      {
        path: '/login',
        element: <Login />, // 第五个组件
      },
      {
        path: '/register',
        element: <Registration />, // 第一个组件
      },
      {
        path: '/register2',
        element: <RegistrationPage />, // 第二个组件
      },
      {
        path: '/select-organization',
        element: <SelectOrganization />, // 第三个组件
      },
      {
        path: '/registration-success',
        element: <RegistrationSuccess />, // 第四个组件
      },
])

export { router };
